import React, { Component } from 'react';

import './index.scss';

export default class TableBody extends Component {
	render() {

		const { crawlerData, onCrawlClick } = this.props;

		return (
			<tbody>
				{
					crawlerData && crawlerData.map((item, index) => {
						return (
							<tr key={index}>
								<td className="desc-td">操作注意：{item.description}</td>
								<td className="btn-td" >
									<button
									    style={(index== 0 || index == 3) ? {display: 'none' } : {}}
										className={['btn', item.loading ? 'btn-warning' : 'btn-success'].join(' ')}
										disabled={(item.loading ? 'disabled' : '')}
										onClick={() => onCrawlClick(item.apiName, index)}>
										{item.loading ? '爬取中...' : item.title}
									</button>
								</td>
							</tr>
						);
					})
				}
			</tbody>
		);
	}
}